﻿<html>

<script>
    $(document).ready(function () {
        $('.toggleRecover').click(function () {
            $('#email, #usr').val('');
            if ($('.rstUser').hasClass('active')) {
                $('.rstUser').hide('slow').removeClass('active');
                $('.rstMail').show('slow').addClass('active');

            } else {
                $('.rstUser').show('slow').addClass('active');
                $('.rstMail').hide('slow').removeClass('active');
            }
        });
    });
    
</script>
<div class="column2-left">
				<h1>Recuperar mi contraseña</h1>
				<form id="Form1"  runat="server" class="mainForm">
                <p>Lorem ipsum dolor sit amet, consectetur 
                adipiscing elit. Pellentesque metus  metus 
                faucibus, euismod purus vitae. </p>
					<table width="100%" border="0" cellspacing="5" cellpadding="5">
						<tr class="rstUser active">
							<td>
								<p>Sino recuerdas tu usuario  tambien puede hacerlo con tu <a class="toggleRecover" href="javascript:;">email</a> adipiscing elit.</p>
							</td>
							
						</tr>
                        <tr class="rstUser active">
							<td>
								<input id="usr" name="usr" placeholder="Usuario" type="text" />
							</td>
							
						</tr>
						<tr class="rstMail" style="display:none;">
							<td>
								<p>Si recuerdas tu usuario puedes hacerlo con tu <a class="toggleRecover" href="javascript:;"> nombre de  usuario</a> adipiscing elit.</p>
							</td>
							
						</tr>
						<tr class="rstMail" style="display:none;">
							<td>
								<input id="email" name="email" placeholder="email" type="text" />
							</td>
							
						</tr>

						<tr>
							<td>
								<input type="button" id='submitMain' value="Enviar" />
							</td>
							<td/>
						</tr>
                        <tr>
							<td>
								<label runat="server" id="lblErr" />

							</td>
							<td/>
						</tr>
					</table>
				</form>
                <h3>¿Aun no tienes cuenta?</h3>
				<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac metus faucibus, euismod purus vitae. </p><p>
pellentesque dui. In eros dui, imperdiet ut hendrerit ut, <a href="Modules/user/usrFrgtPwd.htm" >hendrerit ut,</a> eu risus.</p>

			</div>

</html>
